<template>
  <a-tabs v-model:activeKey="activeKey" @tabClick="handleClick">
    <a-tab-pane tab="精选" key="0">
      <Featured />
    </a-tab-pane>
    <a-tab-pane tab="歌单广场" key="1">
      <Playlist />
    </a-tab-pane>
    <a-tab-pane tab="排行版" key="2">
      <Rank />
    </a-tab-pane>
    <a-tab-pane tab="歌手" key="3">
      <Singer />
    </a-tab-pane>
    <a-tab-pane tab="VIP" key="4">
      <VIP />
    </a-tab-pane>
  </a-tabs>
</template>
<script setup>
import Featured from '@/components/main/Featured.vue'
import Playlist from '@/components/main/Playlist.vue'
import Rank from '@/components/main/Rank.vue'
import Singer from '@/components/main/Singer.vue'
import VIP from '@/components/main/VIP.vue'
import { ref } from 'vue'
const activeKey = ref('0')

const handleClick = () => {}
</script>
